<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<s:action name="header" executeResult="true">
	<s:param name="titles">Đặt Hàng</s:param>
</s:action>
<s:action name="sidebar" executeResult="true" />

<!-- Center -->
<div id="center_column_des" class="center_column">

<!-- MODULE payment -->
<!-- Breadcrumb -->
<div class="breadcrumb">
	<a href="<s:url action="index"></s:url>" title="Quay trở lại trang chủ">Trang chủ</a><span class="navigation-pipe">&gt;</span><span class="navigation_page">Đặt hàng</span>
</div>
<s:set name="cart" value="cart"/>
		<s:if test="%{#cart.size > 0}" >
<!-- /Breadcrumb -->
${paction}
	<form action="<s:url action="payment"></s:url>" method="post" class="std">
		<fieldset>
			<h3>Thông tin đặt hàng</h3>
			<p class="text">
				<sup>&nbsp&nbsp&nbsp</sup><s:textfield name="company" id="company" label="Công ty" maxlength="50"/>
			</p>
			<p class="required text">
				<sup>*</sup><s:textfield name="fullname" id="fullname" label="Họ tên" maxlength="50"/>
			</p>
			<p class="required text">
				<sup>*</sup><s:textfield name="address" id="address" label="Địa chỉ" maxlength="250"/>
			</p>
			<p class="required text">
				<sup>*</sup><s:textfield name="phone" id="phone" label="Điện thoại" onkeypress="return isNumberKey(event)" maxlength="10"/>
			</p>			
			<p class="required id_state select" style="display: block;">
				<label for="id_state">Thành phố</label><sup>*</sup> <select name="city"
					id="city">
					<s:iterator value="cities" var="city">					
						<option value="<s:property value="#city.city_id" />"><s:property value="#city.name" /></option>
					</s:iterator>
				</select> 
			</p>


		</fieldset>
		<p class="required required_desc">
			<sup>*</sup>Các thông tin bắt buộc nhập !
		</p>
		<h3>Nếu như bạn có yêu cầu khác thì có thể điền vào khung dưới đây.</h3>
		<div id="ordermsg" style="margin-left:60px;">
			<p class="textarea"><s:textarea name="comment" id="comment" rows="3" cols="60"/></p>
		</div>
		<p class="submit submit2">
			<input type="submit" name="submitAddress" id="submitAddress"
				value="Đặt hàng" class="button">
		</p>
	</form>
	</s:if>
	<s:else>
		<h3 align="center">Không có sản phẩm nào trong giỏ hàng !</h3>
	</s:else>
	<!-- /MODULE payment -->		
<script type="text/javascript">
$().ready(function() {
	$('#submitAddress').click(function() { 		 
        $(".error").remove();
        var hasError = false;
 
        var nameVal = $("#fullname").val();
        var addressVal = $("#address").val();
        var phoneVal = $("#phone").val();
        if($.trim(nameVal) == '') {
            $("#fullname").after('<span style="margin-left: 10px;color: #CC0000;" class="error">Vui lòng nhập họ tên.</span>');
            hasError = true;
        }
 
        if($.trim(addressVal) == '') {
            $("#address").after('<span style="margin-left: 10px;color: #CC0000;" class="error">Vui lòng nhập địa chỉ.</span>');
            hasError = true;
        }
        
        if($.trim(phoneVal) == '') {
            $("#phone").after('<span style="margin-left: 10px;color: #CC0000;" class="error">Vui lòng nhập số điện thoại.</span>');
            hasError = true;
        }        
        
        if(hasError == true) { return false; }
 
    }); 
});
function isNumberKey(evt)
{
   var charCode = (evt.which) ? evt.which : event.keyCode
   if (charCode > 31 && (charCode < 48 || charCode > 57))
      return false;

   return true;
}
</script>
</div>

<s:action name="footer" executeResult="true" />